.custom-group-node {
  width: 100%; // 节点 Resizer 用
  height: 100%; // 节点 Resizer 用
  box-sizing: border-box; // 节点 Resizer 用

  box-shadow: var(--xy-node-boxshadow-default);
  border-radius: var(--xy-node-border-radius-default);
  background-color: rgba(207, 182, 255, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px;
  font-size: 12px;
  flex-direction: column;
  border: var(--xy-node-border-default);
  color: var(--xy-node-color, var(--xy-node-color-default));
  border-color: #9e86ed;

  &:not(.custom-group-node-selectable):hover {
    box-shadow: var(
      --xy-node-boxshadow-hover,
      var(--xy-node-boxshadow-hover-default)
    );
  }
}

.custom-group-node-selectable {
  z-index: 1000;
  // box-shadow: var(
  //   --xy-node-boxshadow-selected,
  //   var(--xy-node-boxshadow-selected-default)
  // );
}

.react-flow__node-customGroupNode {
  z-index: -1 !important; // 始终处于最底层
}
